.welfarebox {
    background-color: #F5F2E8;
    padding-bottom: 70px;
    padding-top: 60px;

    .img {
        width: 100%;
        display: block;
        position: relative;
        top: -5px;
        z-index: 10;
    }

    .wapper {
        width: 75%;
        margin: 20px auto;
        display: flex;
        box-sizing: border-box;
        padding-bottom: 70px;
        margin-top: -183px;
        position: relative;
        z-index: 20;

        .welfare_menu {
            background-color: #fff;
            padding: 10px 20px;
            border-radius: 10px;
            text-align: left;
            margin-right: 24px;
            height: 760px;

            .itemtitle {
                margin-top: 50px;
                font-size: 18px;
                color: #999;
            }

            .items {
                cursor: pointer;
                margin: 15px 0;
                font-size: 15px;
            }

            .items:hover {
                color: #F48E1E;
            }
        }

        .welfare_item {
            padding-top: 70px;
            padding-left: 40px;
            padding-right: 40px;
            border-radius: 10px;
            min-height: 660px;
            background-color: #fff;
            flex: 1;
        }
    }
}

.wapper_content {
    width: 860px;
    // position: absolute;
    // top: 453px;
    // left: 430px;
    z-index: 21;

    .item_title {
        text-align: center;
        width: auto;
        background-position: center;
        font-size: 32px;
        color: #333;
        line-height: 45px;
        position: relative;
        font-weight: bold;

        .item_title_border {
            height: 8px;
            background: linear-gradient(to top, #F0A873 0%, rgba(240, 168, 115, 0) 100%);
            width: 18%;
            position: absolute;
            left: 41%;
            bottom: 0;
        }

        .item_title2_border {
            height: 8px;
            background: linear-gradient(to top, #F0A873 0%, rgba(240, 168, 115, 0) 100%);
            width: 22%;
            position: absolute;
            left: 39%;
            bottom: 0;
        }

        .item_title3_border {
            height: 8px;
            background: linear-gradient(to top, #F0A873 0%, rgba(240, 168, 115, 0) 100%);
            width: 18%;
            position: absolute;
            left: 41%;
            bottom: 0;
        }

        .item_title4_border {
            height: 8px;
            background: linear-gradient(to top, #F0A873 0%, rgba(240, 168, 115, 0) 100%);
            width: 14%;
            position: absolute;
            left: 43%;
            bottom: 0;
        }

    }

    .about_item_content {
        margin-top: 48px;
        word-wrap: break-word;

        .default_text {
            font-size: 16px;
            line-height: 40px;
            letter-spacing: 1px;
            color: #666;

            .text_orange {
                color: #FF9933;
            }

            b {
                color: #333;
            }

            ol {
                padding-left: 30px;
                list-style: none;
                margin-left: 20px;
            }
        }

        .env_item {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 40px;
            justify-content: space-between;

            img {
                width: 49%;
                margin-bottom: 20px;
            }
        }

        .editor {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;

            .editor_item {
                width: 240px;
                margin-right: 71.5px;
                margin-top: 32px;

                .editor_type {
                    font-size: 14px;
                    line-height: 20px;
                    margin-top: 8px;
                    color: #66605b;
                }

                .editor_name_wrapper {
                    display: flex;
                    align-items: center;

                    a {
                        img {
                            width: 12px;
                            margin-right: 2px;
                            display: block;
                        }
                    }

                    .editor_name {
                        font-size: 14px;
                        line-height: 20px;
                        color: #F0AC74;
                    }

                    .editor_qq {
                        color: #66605b;
                        font-size: 17px;
                        line-height: 22px;
                        margin-left: 8px;
                    }
                }
            }
        }

        .default_text_open_wrapper {
            margin: 32px 365px;
            cursor: pointer;
            display: flex;
            text-align: center;

            b {
                color: #333;
                font-weight: 900;
                font-size: 16px;
                line-height: 40px;
                letter-spacing: 1px;
                display: none;
            }

            img {
                width: 28px;
                display: none;
            }
        }

        .step_wrapper {
            margin-top: 49px;

            img {
                width: 100%;
                margin-top: 32px;
            }
        }
    }
}

.textorange {
    color: #FF9933;
}

.text_center_table {
    min-width: 860px;
    margin: 20px auto;
    border: none;
    border-radius: 4px;
    text-align: center;

    tr {
        font-size: 16px;
        background: #fafafa;
        color: #000;
    }

    td {
        border: 1px solid #ddd;
        width: 24%;
        padding: 0;
        margin: 0;
        padding: 10px;
    }
}

.pic_items {
    display: flex;
    justify-content: space-around;

    .pic_item {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 20px auto;

        img {
            margin-bottom: 20px;
        }

        .imp_text {
            font-size: 22px;
            line-height: 31px;
            font-weight: bold;
            letter-spacing: 1px;
            color: #333333;
        }
    }
}

.table_2 {
    min-width: 860px;
    margin: 20px auto;
    border: none;
    border-radius: 4px;
    text-align: center;

    tr {
        font-size: 16px;
        background: #fafafa;
        color: #000;
    }

    td {
        border: 1px solid #ddd;
        width: 24%;
        padding: 0;
        margin: 0;
        padding: 10px;
        color: #66605b;
    }

    th {
        border: 1px solid #ddd;
        width: 24%;
        padding: 10px;
    }

}

.table_3 {
    min-width: 860px;
    margin: 20px auto;
    text-align: center;

    tr {
        font-size: 16px;
        background: #fafafa;
        color: #000;

        th {
            font-size: 16px;
            background: #fafafa;
            color: #000;
            border: 1px solid #ddd;
            padding: 10px;
        }
    }

    td {
        border: 1px solid #ddd;
        color: #66605b;
    }

}

